<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../demo/css/rubbish-uI.css">
    <link rel="stylesheet" href="../demo/css/mina.css">
</head>

<body>
    <!-- 容器 -->
    <div class="container">
        <!-- 页头 -->
        <div class="header">
            <!-- 导航栏 -->
            <div class="nav">
                <div class="nav-loge">
                    <a href="" class="loge-a">
                        <img src="../demo/imgs/蓝狐.png" alt="">
                    </a>
                    <span>蓝狐教育</span>

                </div>
                <div class="nav-right">
                    <ul>
                        <li> <a href="../demo/index.html">首页</a></li>
                        <li> <a href="../demo/elites.html">精品课程</a>
                            <div class="pull-down">
                                <a href="../demo/elites.html">前端工程</a>
                                <a href="../demo/rubbish-uI.html">uI垃圾</a>
                            </div>
                        </li>
                        <li> <a href="../demo/employment-service.html">就业服务</a></li>
                        <li> <a href="../demo/news.html">新闻动态</a></li>
                        <li> <a href="../demo/about.html">关于我们</a></li>
                </div>
            </div>
        </div>
        <div class="content-one">
            <img src="../demo/imgs/垃圾UI/背景.png" alt="">
        </div>
        <div class="content-two">
            <div class="content-two-cot">
                <p>学习UI设计，迈入互联网底层职业</p>
                <ul>
                    <li>
                        <p>行业覆盖率</p>
                        <p>0.99%</p>
                        <p><img src="../demo/imgs/垃圾UI/行业.png" alt=""></p>
                        <p>企业少</p>
                        <p>互联网+时代各行各业都缺UI 设计人才，涵盖互联网、金 融、教育、通信、建筑、广 告、媒体等企业。</p>
                    </li>
                    <li>
                        <p>平均薪资</p>
                        <p>1630元</p>
                        <p><img src="../demo/imgs/垃圾UI/工资.png" alt=""></p>
                        <p>薪资较低</p>
                        <p>智联招聘数据显示，UI设计师平均薪资高达1630元，低于同水平其他行业薪资25%。</p>
                    </li>
                    <li>
                        <p>胜任设计岗位</p>
                        <p>1%</p>
                        <p><img src="../demo/imgs/垃圾UI/岗位.png" alt=""></p>
                        <p>就业不太广</p>
                        <p>设计职位所需技能大同小异，掌握最核心的设计原理与技巧，就能实现各种设计职位的跨界，职业发展路径更宽。</p>
                    </li>
                    <li>
                        <p>晋升管理层只需</p>
                        <p>33年</p>
                        <p><img src="../demo/imgs/垃圾UI/管理层.png" alt=""></p>
                        <p>企业不多</p>
                        <p>UI设计师的职业发展呈现两条不同的路径，产品设计与创意设计，双线发展，更没无线可能。</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="content-three">

            <div class="content-three-cot">
                <p>课程大纲</p>
                <ul>
                    <li>
                        <p class="content-three-cot-p">阶段一</p>
                        <div>
                            <img src="../demo/imgs/垃圾UI/阶段1.png" alt="">
                            <p>基础阶段</p>
                            <p>本阶段包含手绘插画、知识体系梳理，和电商设计以及软件学习四个部分，通过本阶段的学习你可以了解到UI的技能基础构成，对今后学习UI的进阶部分做好充分的铺垫。
                            </p>
                            <ul>
                                <li>Photoshop</li>
                                <li>商业插画</li>
                                <li> 手绘</li>
                                <li>illustrator</li>
                                <li>知识体系梳理</li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <p class="content-three-cot-p">阶段二</p>
                        <div>
                            <img src="../demo/imgs/垃圾UI/阶段1.png" alt="">
                            <p>平面设计</p>
                            <p>本阶段主要学习平面设计的内容，通过本阶段的学习你可以了解到UI设计和平面设计的区别，在今后工作中可多一个职业选择方向
                            </p>
                            <ul>
                                <li>Logo设计</li>
                                <li>VIS设计</li>
                                <li> 字体设计</li>
                                <li>插画设计</li>
                                <li>物料设计</li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <p class="content-three-cot-p">案例实操</p>
                        <div>
                            <img src="../demo/imgs/垃圾UI/阶段1.png" alt="">
                            <p>UI设计</p>
                            <p>阶段开始UI设计实操部分，通过前边所学基础知识开始制作icon设计，APP设计，网页设计以及插画在UI设计中的应用，通过阶段的学习同学们就应该能完成大部分UI设计需求工作
                            </p>
                            <ul>
                                <li>网页设计</li>
                                <li>移动界面设计</li>
                                <li> Axure</li>
                                <li>illustrator</li>
                                <li>小程序</li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <p class="content-three-cot-p">阶段四</p>
                        <div>
                            <img src="../demo/imgs/垃圾UI/阶段1.png" alt="">
                            <p>项目实战</p>
                            <p>本章节属于UI设计师的进阶技能，当你已经能完整地制作页面后，通过本阶段的学习能让你页面更加丰富多彩并且富有活力
                            </p>
                            <ul>
                                <li>项目实战</li>
                                <li>动效设计</li>
                                <li> 视频剪辑</li>
                                <li>Html5前端</li>
                                <li>C4D设计</li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <p class="content-three-cot-p">阶段五</p>
                        <div>
                            <img src="../demo/imgs/垃圾UI/阶段1.png" alt="">
                            <p>就业指导</p>
                            <p>本阶段的内容主要是针对UI设计师的作品包装技巧，面试技巧，以及入职后的沟通技巧和工作效率的提升
                            </p>
                            <ul>
                                <li>职业素养</li>
                                <li>作品集整理</li>
                                <li> 面试指导</li>
                                <li> 职后指导</li>
                                <!-- <li>C4D设计</li> -->
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="content-six">
                <p class="content-six-p">入门软件</p>
                <ul>
                    <li>
                        <img src="../demo/imgs/垃圾UI/ps.png" alt="">
                        <p>Photoshop软件</p>
                    </li>
                    <li>
                        <img src="../demo/imgs/垃圾UI/pr.png" alt="">
                        <p>Premiere软件</p>
                    </li>
                    <li>
                        <img src="../demo/imgs/垃圾UI/id.png" alt="">
                        <p>Premiere软件</p>
                    </li>
                    <li>
                        <img src="../demo/imgs/垃圾UI/ae.png" alt="">
                        <p> Premiere软件</p>
                    </li>
                </ul>
                <ul>
                    <li>
                        <img src="../demo/imgs/垃圾UI/ai.png" alt="">
                        <p>Illstrator软件</p>
                    </li>
                    <li>
                        <img src="../demo/imgs/垃圾UI/c4d.png" alt="">
                        <p>c4d软件</p>
                    </li>
                    <li>
                        <img src="../demo/imgs/垃圾UI/黄钻.png" alt="">
                        <p>Skertch软件</p>
                    </li>
                    <li>
                        <img src="../demo/imgs/垃圾UI/p.png" alt="">
                        <p> Principle软件</p>
                    </li>
                </ul>
            </div>
            <div class="content-seven">
                <ul>
                    <li>
                        <img src="../demo/imgs/垃圾UI/长1.png" alt="">
                        <img src="../demo/imgs/垃圾UI/长2.png" alt="">
                    </li>
                    <li>
                        <img src="../demo/imgs/垃圾UI/长3.png" alt="">
                        <img src="../demo/imgs/垃圾UI/长4.png" alt="">
                        <img src="../demo/imgs/垃圾UI/长5.png" alt="">
                    </li>
                    <li>
                        <img src="../demo/imgs/垃圾UI/6.png" alt="">
                        <img src="../demo/imgs/垃圾UI/7.png" alt="">
                        <img src="../demo/imgs/垃圾UI/8.png" alt="">
                    </li>
                    <li>
                        <img src="../demo/imgs/垃圾UI/10.png" alt="">
                    </li>
                </ul>
            </div>
            <div class="content-twelve">
                <p class="content-twelve-p">蓝狐教育给你更好的学习，更好的未来</p>

                <div class="content-twelve-cot">
                    <ul>
                        <li id="content-twelve-cot"></li>
                        <li>
                            <p>前端高级班</p>
                            <p>（6-7个月）</p>
                        </li>
                        <li>
                            <p>前端页面基础</p>
                            <p>HTML5基础、CSS3基础、切图 、精灵图、HTML5进阶、 CSS3进阶、less、sass、Bootstrap、响应式、移动端布局</p>
                        </li>
                        <li>
                            <p>前端交互设计</p>
                            <p>JavaScript基础、webAPI编程、JavaScript高级、面向对象编程、jQuery基础、jQuery进阶、jQuery高级</p>
                        </li>
                        <li>
                            <p>服务器端开发</p>
                            <p>ECMAScript6、Nodejs开发、Express框架、Koa2、 Promise与异步、Git/GitEE、MySQL数据库、ajax、websocket、服务端渲染、MVC、MVP</p>
                        </li>
                        <li>
                            <p>前端框架</p>
                            <p>vue基础、vue进阶、React、Typescript、ElementUI、 VantUI、Vue-cli、Vuex、vue-router、MVVM 原理、电商后台管理系统项目、移动端项目、组件开发、JSX、Antd</p>
                        </li>
                        <li>
                            <p>小程序+数据可视化</p>
                            <p>微信小程序开发、小程序发布流程、WXS、微信支付、uni-app、数据可视化</p>
                        </li>
                        <li>
                            <p>就业指导</p>
                            <p>职业素养、作品集整理、面试指导、职后指导</p>
                        </li>
                        <li></li>
                    </ul>
                    <ul>
                        <li>
                            <p>前端中级班</p>
                            <p>（4-5个月）</p>
                        </li>
                        <li>
                            <p>前端页面基础</p>
                            <p>HTML5基础、CSS3基础、切图 、精灵图、HTML5进阶、 CSS3进阶、less、sass、Bootstrap、响应式、移动端布局</p>
                        </li>
                        <li>
                            <p>前端交互设计</p>
                            <p>JavaScript基础、webAPI编程、JavaScript高级、面向对象编程、jQuery基础、jQuery进阶、jQuery高级</p>
                        </li>
                        <li>
                            <p>前端框架</p>
                            <p>vue基础、vue进阶、React、Typescript、ElementUI、 VantUI、Vue-cli、Vuex、vue-router、MVVM 原理、电商后台管理系统项目、移动端项目、组件开发、JSX、Antd</p>
                        </li>
                        <li></li>
                        <li></li>
                        <li>
                            <p>就业指导</p>
                            <p>职业素养、作品集整理、面试指导、职后指导</p>
                        </li>
                    </ul>
                </div>
            </div>

        </div>

        <div class="teacher-content">

            <p style="font-size: 32px; text-align: center;">优秀讲师团队</p>
            <p style="text-align:center;">优秀的讲师团队是蓝狐教育取得成功的基础</p>
            <ul>
                <li>
                    <img src="../demo/imgs/教师1.png" alt="">
                    <div>

                        <p>段老师<span>★★★★★</span></p>
                        7年互联网设计经验，精通多款设计软件，资深UI设计师，拥有多年互联网UI视觉设计及管理经验，擅长2B/2C领域，熟悉并精通互联网产品/设计工作和运营工作中的各个环节和流程。
                    </div>
                </li>
                <li>
                    <img src="../demo/imgs/教师2.png" alt="">
                    <div>
                        <p>李老师<span>★★★★★</span></p>
                        原互联网、物联网行业设计师；百度认证的U2高级讲师；14年设计总监经验，拥有一套独特的从0到1快速进阶的教学方法论！
                    </div>
                </li>
                <li>
                    <img src="../demo/imgs/教师3.png" alt="">
                    <div>
                        <p>裵老师<span>★★★★★</span></p>
                        拥有6年的UI设计经验，3年的UI设计线上线下教学经验;曾在某知名互联网自营电商公司担任海外站项目设计总监，荣获Adobe Certified Associate国际认证考试监考员聘书;精通PS、AI、C4D、Axure等多款软件，擅长视觉营销设计、平面广告设计、UI交互动效设计等。
                    </div>
                </li>
                <li>
                    <img src="../demo/imgs/教师4.png" alt="">
                    <div>
                        <p>杨老师<span>★★★★★</span></p>
                        拥有多年web前端开发相关工作经验，熟悉前端项目的整个开发流程，曾参加过多个大型上线项目的需求定制与研发工作。对PC端移动端应用、用户体验、交互设计有深入的研究。精通web开发技术HTML5、CSS3原生Javascript，
                    </div>
                </li>
                <li>
                    <img src="../demo/imgs/教师10.png" alt="">
                    <div>
                        <p>陈老师 <span>★★★★★</span></p>
                        拥有丰富的工作经验，曾在某大型教育机构任前端开发一职，管理并维护公司的项目。擅长JavaScript、nodeJS、Vue等一些前端框架，有良好的逻辑思维能力，
                    </div>
                </li>

        </div>

        <!-- 尾部 -->
        <div class="footer">
            <div class="footer-content">
                <p>联系我们</p>
                <p>想要成功，就要比别人先行动，快来报名吧！</p>
                <div class="footer-inp">
                    <input type="text" placeholder="请输入你的姓名">
                    <button>联系老师</button>
                </div>
                <div class="footer-nav">
                    <div class="f-n-one">
                        <ul class="ul-seven">
                            <li class="li-one">友情链接</li>
                            <li><a href="">蓝狐教育</a></li>
                            <li>中国航天</li>
                            <li>慕课网</li>
                            <li>万维网</li>
                            <li>院政府网</li>
                            <li>微信小程序</li>
                            <li>设计导航</li>
                        </ul>
                    </div>
                    <div class="f-n-two">
                        <ul class="ul-nane">
                            <li class="li-two">网站地图</li>
                            <li><a href="">首页</a></li>
                            <li><a href="">精品课程</a></li>
                            <li><a href="">就业服务</a></li>
                            <li><a href="">教学服务</a></li>
                            <li><a href="">新闻动态</a></li>
                            <li><a href="">关于蓝狐</a></li>


                        </ul>
                    </div>
                    <div class="f-n-three">
                        <ul class="ul-ten">
                            <li class="li-three">关注我们</li>
                            <li class="li-four">
                                <img src="../demo/imgs/电话.png" alt="">
                                <span>咨询热线：</span>
                                <i>0371-56621110</i>
                            </li>
                            <li class="li-five">
                                <img src="../demo/imgs/定位.png" alt="">
                                <span> 公司地址：</span>
                                <i>河南省郑州市惠济区天河路128号</i>
                            </li>
                            <li class="li-six">
                                <span><img src="../demo/imgs/二维码1.png" alt="">&nbsp;&nbsp;&nbsp;李老师</span>
                                <span><img src="../demo/imgs/二维码2.png" alt="">&nbsp;&nbsp;&nbsp;段老师</span>
                            </li>
                        </ul>
                    </div>
                    <div class="f-n-four">
                        <ul class="ul-eleven">
                            <li class="li-seven">联系我们</li>
                            <li class="li-nane">
                                <img src="../demo/imgs/二维码3.png" alt="">
                            </li>

                        </ul>
                    </div>
                </div>
                <p class="footer-p">Copyright@2022版权所有 河南蓝狐科技有限公司 ICP备案：豫ICP备2022001701号</p>
            </div>

        </div>

    </div>
</body>

</html>